<template>
  <div class="home">
    <search/>
    <touch-swiper-area :banner='banner'/>
    <sub-nav-bar/>
    <img src="img/5.jpg" alt="">
    <footer-box/>
  </div>
</template>

<script>
import Search from 'views/home/childComps/Search'
import TouchSwiperArea from 'views/home/childComps/TouchSwiperArea'
import SubNavBar from 'views/home/childComps/SubNavBar'
import FooterBox from 'views/home/childComps/FooterBox'
export default {
  name: 'Home',
  components: {
    Search,
    TouchSwiperArea,
    SubNavBar,
    FooterBox
  },
  data () {
    return {
     banner:[
       {
         aArray:[['icon-bojuelvpaiicontilian_huabanfuben1','酒店','#fb6f53'],['icon-jipiao','机票','#489efa'],['icon-guojihuochepiao','火车票','#6394ff'],['icon-lvyou','旅游','#41ceb5'],['icon-gonglve','攻略景点','#ff973f'],['icon-minsu','民宿/客栈','#fff5f1'],['icon-jiesongji','接送机/包车','#eff9ff'],['icon-qiche','汽车/船票','#f2f5ff'],['icon-menpiao-','门票/活动','#ecfcf8'],['icon-biaoqiankuozhan_meishi-307','美食','#fff9f2'],['icon-baokuan','特价/爆款','#fff5f1'],['icon-hangban','航班助手','#eff9ff'],['icon-zuche','租车','#f2f5ff'],['icon-zhoubianyou','周边游','#ecfcf8'],['icon-gouwu','购物/免税','#fff9f2']]
       },
       {
         aArray:[['icon-bojuelvpaiicontilian_huabanfuben','向导/包车','#fff'],['icon-wulianwang-','保险','#fff'],['icon-qizhi-','微领队','#fff'],['icon-4_8lvyougouwu','一日游','#fff'],['icon-dingzhiyou','定制游','#fff'],['icon-youlunyou','邮轮游','#fff'],['icon-waibiduihuan','外币兑换','#fff'],['icon-qianzheng','签证','#fff'],['icon-wifi','wifi电话卡','#fff'],['icon-qian','拿去花','#fff'],['icon-lipinka','礼品卡','#fff'],['icon-shuakaxinyongkakaka','信用卡','#fff'],['icon-huiyuan','会员/签到','#fff'],['icon-icon-test','超级会员','#fff'],['icon-huiyuanshangcheng','会员商城','#fff'],['icon-shi','携程小诗机','#fff'],['icon-jinjijiuyuan','紧急支援','#fff'],['icon-jiamenghezuo','加盟合作','#fff'],['icon-gongsiyewu','公司会务','#fff'],['icon-zhengzhouyinhangAPPtubiaodiergaolunkuohuachunse-49','企业商旅','#fff'],['icon-ic_tripcom','Trip.com','#fff',true]]
       }
     ],
     imgSrc:[
       'img/live.png',
       'img/2.png',
       'img/4.png',
       'img/4.jpg',
       ['img/1.jpg','特价机票','上海至北京','400'],
       ['img/2.jpg','酒店套餐','成都瑯珀·凯悦臻选酒店2晚','1977','3388','￥1411'],
       ['img/3.jpg','酒店套餐','溧阳WEI天目湖酒店1晚','1288','2388','￥1100']
     ]
    }
  }
}
</script>
<style scoped lang='less'>
.home{
  padding: 0 10px;
  width: 100%;
  height: calc(100vh - 49px);
  background-color: rgb(244, 244, 244);
  img{
    margin: 12px 0;
    width: 100%;
    height: 88px;
    border-radius: 10px;
  }
}
</style>
